小米5发布会上，幻灯片动画的“黑科技”

昨天小米5发布会重新定义了“黑科技”

各位米粉米黑纷纷吐槽只有幻灯片够黑……

不过在我看来，确实有页幻灯片动画很有难度

简明传神，制作方法堪称“黑科技”……

---

这页幻灯片长这样

　　雷军是在介绍UFS技术提高传输数据效率的原理——

　　原本的eMMS技术是并行传输，为了保证传输速度，降低了整体平均速度；

　　而UFS传输技术提高了传输频率，大幅提升了传输效率。

▽▼▽

　　这页幻灯片，可能用到的是两张由专业Gif软件制作的动图，但略加思考之后，我发现这页幻灯片是可以用PPT去实现的。

　　再次表明我一直以来的观点——炫酷的动画并非PPT制作的主要追求，因为PPT与专业做图软件相比，可能效率和效果略有不及。PPT能做当然好，但也别太纠结。

---

这页动画难在哪里？

1、左右动画频率不一致，一直在循环

　　这意味着不能用“变体”……（ps. “变体”在新版本中已经改名叫“变形”了……）

　　当然，不用变体的好处在于——用低版本的PPT软件，也可以实现这个动画效果。

2、背景图片有渐变效果，导致不能取巧

　　如果是纯色背景图，录制两个动图去实现的话要简单很多……但渐变背景会让动图的边界穿帮……

---

下面的内容可能有些抽象

建议先回复“小米5”下载动画案例

---

最终用到的方法是——

镂空背景图，透过空隙看“信号”穿过

　　镂空是什么意思？请感受一下——

　　就像是透过窗户，让窗户遮挡一部分视线，去看窗户后面的东西。

▽▼▽

镂空的背景图怎么做？

　　首先制作镂空部分——

　　注意，上面的元素都是“矩形”，而非“线条”。

　　再用背景图“剪除”掉镂空部分，得到一张“打了孔”的背景……

　　这里用到的技巧是——多个元素的快速对齐、形状剪除和联合。

　　（关联阅读——最实用高效的PPT技巧——对齐、PPT扁平素材制作攻略！）

▽▼▽

镂空层后面，其实是这样的……

　　原理并不复杂——透过打了孔的镂空背景图，看到一个白块移动……PPT圈把这种实现方法叫做“遮罩动画”。

　　技巧——路径动画要去掉平滑效果（否则不能保证匀速），并做自动翻转，设置重复循环。

▽▼▽

最难的是右半部分！

　　因为光点穿过交叉点时，会穿帮……

跑到了另一个轨道……

　　解决方法——再加一层遮罩，让小球通过交叉点的时候，用这层遮罩挡住多余部分，避免小球跨越轨道……

　　如果是两个光点同时运动的话，还要保证光点不会在中间区域重合，错开动画的节奏——

　　前面两张图可能有些抽象，但如果加上了背景图和背景色、最终效果就是这样的——

上下两个对比一下

---

　　最后提到的右半部分动画效果，属于教材超纲的部分。感兴趣的同学可以尝试一下，不感兴趣的同学下载源文件看看热闹就行了（回复“小米5”）……

　　用到的技巧——

1、自定义路径

2、“闪烁”动画的运用

3、娴熟的控制动画时间

（要反复调试，精确到0.1秒）

---

“遮罩动画”与“变体”

　　遮罩动画在“变体”出现之前非常风光，属于高阶PPT动画技巧之一。但变体的出现，大大降低了一些遮罩动画的实现难度。

　　今天的内容，并不是为了让你一定要掌握如此复杂且不太实用的PPT动画技巧，而是开一个小小的脑洞，认识PPT动画的更多可能。

最后放一段预告

　　本次小米5发布会褒贬不一，更多分析将在周末更新，敬请期待~

---

关联阅读

个人微信，欢迎交流

---

每日一图  no.15

图片来源：mi.com

小米产品的图标，可铺满用作幻灯片背景